﻿@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	height:100%;
	margin:0px;
	
}

#canvs{
	width:1100px;
	height:auto;
	margin:0px auto;
	background-color:#9FF;
}

/*菜单1区的css样式*/
#menu1{
	position:absolute;
	width:250px; height:35px;
	left:800px;
	top:85px; 
	border:#bbb solid 1px;
}

#menu1 ul{
	list-style-type:none;
	margin-top:10px;
}

#menu1 li{
	float:left;
	text-align:center;
	width:87px;
}

#menu1 ul li#menuDiv{width:1px; height:18px; background:#999}

#menu1 a:link,  #menu1 a:visited{
	color:#000;
	text-decoration:none;
}

#menu1 a:hover{
	color:#F30;
	text-decoration:none;
}

/*菜单2区的css样式*/
#menu2{
	position:absolute;
	width:290px; height:35px;
	left:700px;
	top:220px;
	text-align:center;
	border:#bbb solid 1px;
}

#menu2 ul{
	list-style-type:none;
	margin-top:10px;
	margin-left:-20px;
}

#menu2 li{
	float:left;
	width:80px;
}

#menu2 ul li#menuDiv{width:1px; height:18px; background:#999}

#menu2 a:link,  #menu2 a:visited{
	color:#000;
	text-decoration:none;
}

#menu2 a:hover{
	color:#F30;
	text-decoration:none;
}

/*博主个人图片区css样式*/
#masterinfo{
	position:absolute;
	width:270px;
	height:250px;
	top:63px;
	left:91px;
}

/*设置图片按400px进行缩放显示*/
#masterinfo img {
max-width:270px; 
width:expression_r(this.width<270px?"auto":"270px");
}
/*博主签名区css样式*/
#bloginfo{
	position:absolute;
	width:270px;
	height:94px;
	top:55px;
	left:379px;
}

#sign {
	font-family:'楷体';
	font-weight:300;
	font-size:24px;
	color:#06F;
}

#bloger{
	font-family:'微软雅黑';
	font-weight:100;
	font-size:22px;
	color:#666;
}

/*博客空间统计区css样式*/
#statistic{
	position:absolute;
	width:220px; height:110px;
	background-color:#FFF;
	left:110px;
	top:335px;
	border:#CCC solid 1px;
	text-align:center;
}

#statistictopic{
	width:100%; 
	/* height:30px; */
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	border-bottom:#CCC solid 1px;	
	/* background-color:#F5F5F5; */
	/* text-align:left; */
}

#statistictopic span{
	color:#666;
	font-family:"微软雅黑";
	font-size:13px;
	font-weight:bold;
	margin-left:20px;
}

#statistic table{
	width:80%;
	margin:5px auto 5px auto;
	color:#666;
	font-size:12px;
	font-weight:bold;
	font-family:"微软雅黑";
}

#statistic table tr{
	line-height:18px;
}

/*热点文章目录区*/
#recommend{
	position:absolute;
	width:220px; height:330px;
	background-color:#FFF;
	left:110px;
	top:465px;
	border:#CCC solid 1px;
}

#recommendtopic{
	width:99.8%; 
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	border-bottom:#CCC solid 1px;	
	text-align:left;
}

#recommendtopic span{
	color:#666;
	font-family:"微软雅黑";
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
}

#recommend ul{
	margin:5px auto 5px auto;
	font-size:12px;
	font-family:"微软雅黑";
	list-style-type:none;
}

#recommend li{
	text-align:left;
	padding:5px 0px 5px 5px;
	margin-left:-25px;
	color:#606;
}

/*文章搜索区css样式*/
#search{
	position:absolute;
	width:220px;
	height:87px;
	left:110px;
	top:815px;
	border:#CCC solid 1px;
	line-height:57px;
}

#searchtopic{
	width:99.8%; 
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	border-bottom:#CCC solid 1px;	
	text-align:left;	
}

#searchtopic span{
	color:#666;
	font-family:"微软雅黑";
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
}

#search input{
	color:#666;
	font-family:"微软雅黑";
	font-size:12px;
	font-weight:bold;
}

/*文章目录区css样式*/
#main{
	/* width:800px;
	height:900px; */
	/* margin:300px 200px 10px 350px; */
	background-color:#E0EEEE;
}
#mainnotice{
	/* width:800px;
	height:900px; */
	/* margin:300px 200px 10px 350px; */
	background-color:#FFFFFF;
}

#topic{
	width:738px;
	height:20px;
	border:#ccc dashed 1px;
	padding:5px 0px 5px 20px;
}

span.articletopic{
	height:20px;
	line-height:20px;
	color:#666;
	font-family:"微软雅黑";
	font-size:12px;
	font-weight:bold;
}

span.articleedit{
	float:right;
	margin-right:20px;
	height:20px;
	line-height:20px;
	color:#666;
	font-family:"微软雅黑";
	font-size:10px;
	font-weight:bold;
}

#content{
	width:800px;
	height:810px;
	margin-top:30px;
	text-align:center;
}

#content table{
	width:100%;
	margin:0px auto;
}

#content table tr{
	line-height:26px;
}

#blogcontent{
	width:70%;
	padding-left:10px;
	font-size:22px;
}

a:link,a:visited{
	/* color:#606; */
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


#blogreview{
	width:15%;
	text-align:right;
	padding-left:10px;
	color:#333;
	font-size:14px;
}

#blogcreate{
	width:30%;
	/* text-align:left; */
	/* padding-left:10px; */
	color:#666;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	margin: 33px auto;
}

/*分页菜单样式*/
#footer{
	background-color:#FFF;
	/* width:798px;
	height:28px; */
	border:#999 solid 1px;
	border-top:#999 dashed 1px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#666;
	margin-top: 60px;
}

#footer ul{
	list-style-type:none;
	margin-right: 25px;
}

#footer ul li{
	float: right;
	text-align:center;
}

li.pageselect{
	width:25px;
}

li.pagedo{
	width:50px;
}

li.page{
	width:25px;
	border:#CCC solid 1px;
}

.clearfix:after { clear:both; content:"."; display:block; visibility:hidden; height:0;}  
.clearfix {zoom:1;} 

/*版权区样式*/
.copyright{text-align:center; margin-top:5px; background:fff; padding:10px 0px;color:#666; }
.copyright a{text-decoration:underline; color:#06F; font-size:12px; }